<!DOCTYPE html>
<html>
	<head lang="zh-CN">
		<meta charset="UTF-8">
		<meta http-equiv="x-ua-compatible" content="ie=edge">
		<title>极客-商品搜索</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/header.css" />
		<link rel="stylesheet" href="css/footer.css" />
		<link rel="stylesheet" href="css/product_search.css" />
		<link rel="icon" href="img/zc.ico">
	</head>
	<body>
		<div id="main">
			<div id="header">
			</div>
			<div id="container">
				<div class="loc">
					<span>
						<a href="index.html">首页</a>
					</span>
					>
					<span>
						<a href="product_search.html">所有商品</a>
					</span>
				</div>
				<div class="order">
					<div class="order_items" data-order="items">
						<span class="order_bg">
							推荐</span><span>
							新品</span><span class="default" data-order="price">
							价格</span><span>
							销量</span>
					</div>
					<div class="isShow_pro">
						<span class="show_lable" data-active="on_off">只显示有货</span>
						<span class="on_off" data-active="on_off" data-class="on_off">
							<i class="show_icon"></i>
						</span>
					</div>
					<div class="pro_count">
						共有 <b>12</b> 个商品
					</div>
				</div>
				<div class="pro_list">
					<div class="pro_items" data-pro="items">
						<div class="action_icon" data-pro="icon">
							<span class="pro_like" data-icon="like"></span>
							<span class="pro_cart" data-icon="cart"></span>
						</div>
						<img src="img/init.png" data-src="img/product_search/pro_01.jpg" alt="" />
						<p class="pro_title">
							15.6小米笔记本Pro MX150 深空灰
						</p>
						<p class="pro_price">
							&yen; 6199
						</p>
					</div>
					<div class="pro_items" data-pro="items">
						<div class="action_icon" data-pro="icon">
							<span class="pro_like" data-icon="like"></span>
							<span class="pro_cart" data-icon="cart"></span>
						</div>
						<img src="img/init.png" data-src="img/product_search/pro_02.png" alt="" />
						<p class="pro_title">
							1MORE好声音入耳式耳机
						</p>
						<p class="pro_price">
							&yen; 129
						</p>
					</div>
					<div class="pro_items" data-pro="items">
						<div class="action_icon" data-pro="icon">
							<span class="pro_like" data-icon="like"></span>
							<span class="pro_cart" data-icon="cart"></span>
						</div>
						<img src="img/init.png" data-src="img/product_search/pro_03.jpg" alt="" />
						<p class="pro_title">
							文艺风笔记本贴纸 13.3英寸
						</p>
						<p class="pro_price">
							&yen; 64
						</p>
					</div>
					<div class="pro_items" data-pro="items">
						<div class="action_icon" data-pro="icon">
							<span class="pro_like" data-icon="like"></span>
							<span class="pro_cart" data-icon="cart"></span>
						</div>
						<img src="img/init.png" data-src="img/product_search/pro_04.jpg" alt="" />
						<p class="pro_title">
							极客无线鼠标
						</p>
						<p class="pro_price">
							&yen; 69
						</p>
					</div>
					<div class="pro_items" data-pro="items">
						<div class="action_icon" data-pro="icon">
							<span class="pro_like" data-icon="like"></span>
							<span class="pro_cart" data-icon="cart"></span>
						</div>
						<img src="img/init.png" data-src="img/product_search/pro_06.jpg" alt="" />
						<p class="pro_title">
							红米5A 2GB内存
						</p>
						<p class="pro_price">
							&yen; 599
						</p>
					</div>
					<div class="pro_items" data-pro="items">
						<div class="action_icon" data-pro="icon">
							<span class="pro_like" data-icon="like"></span>
							<span class="pro_cart" data-icon="cart"></span>
						</div>
						<img src="img/init.png" data-src="img/product_search/pro_05.jpg" alt="" />
						<p class="pro_title">
							13.3小米笔记本Air MX150 银色
						</p>
						<p class="pro_price">
							&yen; 5599
						</p>
					</div>
					<div class="pro_items" data-pro="items">
						<div class="action_icon" data-pro="icon">
							<span class="pro_like" data-icon="like"></span>
							<span class="pro_cart" data-icon="cart"></span>
						</div>
						<img src="img/init.png" data-src="img/product_search/pro_07.jpg" alt="" />
						<p class="pro_title">
							悦米机械键盘
						</p>
						<p class="pro_price">
							&yen; 289
						</p>
					</div>
					<div class="pro_items" data-pro="items">
						<div class="action_icon" data-pro="icon">
							<span class="pro_like" data-icon="like"></span>
							<span class="pro_cart" data-icon="cart"></span>
						</div>
						<img src="img/init.png" data-src="img/product_search/pro_08.jpg" alt="" />
						<p class="pro_title">
							米家PM2.5检测仪
						</p>
						<p class="pro_price">
							&yen; 399
						</p>
					</div>
					<div class="pro_items" data-pro="items">
						<div class="action_icon" data-pro="icon">
							<span class="pro_like" data-icon="like"></span>
							<span class="pro_cart" data-icon="cart"></span>
						</div>
						<img src="img/init.png" data-src="img/product_search/pro_09.jpg" alt="" />
						<p class="pro_title">
							DIGIcare 智能运动手环
						</p>
						<p class="pro_price">
							&yen; 186
						</p>
					</div>
					<div class="pro_items" data-pro="items">
						<div class="action_icon" data-pro="icon">
							<span class="pro_like" data-icon="like"></span>
							<span class="pro_cart" data-icon="cart"></span>
						</div>
						<img src="img/init.png" data-src="img/product_search/pro_10.jpg" alt="" />
						<p class="pro_title">
							大疆御Mavic Pro全能套装
						</p>
						<p class="pro_price">
							&yen; 8499
						</p>
					</div>
					<div class="pro_items" data-pro="items">
						<div class="action_icon" data-pro="icon">
							<span class="pro_like" data-icon="like"></span>
							<span class="pro_cart" data-icon="cart"></span>
						</div>
						<img src="img/init.png" data-src="img/product_search/pro_11.jpg" alt="" />
						<p class="pro_title">
							佳能（Canon）EOS 5D Mark IV 单反套机
						</p>
						<p class="pro_price">
							&yen; 24998
						</p>
					</div>
					<div class="pro_items" data-pro="items">
						<div class="action_icon" data-pro="icon">
							<span class="pro_like" data-icon="like"></span>
							<span class="pro_cart" data-icon="cart"></span>
						</div>
						<img src="img/init.png" data-src="img/product_search/pro_12.jpg" alt="" />
						<p class="pro_title">
							小鸟看看Pico Goblin小怪兽 VR一体机
						</p>
						<p class="pro_price">
							&yen; 1899
						</p>
					</div>
				</div>
				<div class="page_number">
					<ul class="page_list" data-page="list">
						<li data-page="prev"></li>
						<li class="pno_active">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li data-page="next"></li>
					</ul>
				</div>
			</div>
			<div id="footer">
			</div>
		</div>
		<script src="js/jquery-3.2.1.js"></script>
		<script src="js/base.js"></script>
		<script src="js/product_search.js"></script>
	</body>
</html>
